<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition template="/page/layout/layout.xhtml"
	xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:a4j="http://richfaces.org/a4j"
	xmlns:rich="http://richfaces.org/rich">

	<h:outputStylesheet>
a.no-decor>img {
    border: none;
}
</h:outputStylesheet>

	<ui:define name="title">Buques</ui:define>

	<ui:define name="content">

		<a4j:commandLink styleClass="no-decor" render="editGrid"
			execute="@this" oncomplete="#{rich:component('editPane')}.show()">
			<h:graphicImage library="img/icons" name="edit.gif" alt="alta" />
			<h:outputText value="Agregar buque" />
			<a4j:param value="#{it.index}"
				assignTo="#{listBuqueView.currentBuqueIndex}" />
			<f:setPropertyActionListener
				target="#{listBuqueView.editedBuque}"
				value="#{listBuqueView.newBuque}" />
		</a4j:commandLink>
		<br />
		<a4j:status onstart="#{rich:component('statPane')}.show()"
			onstop="#{rich:component('statPane')}.hide()" />
		<h:form id="form">
			<rich:dataTable value="#{listBuqueView.buques}" var="buque"
				iterationStatusVar="it" id="table" rows="15">
				<rich:column>
					<f:facet name="header">#</f:facet>
                #{it.index}
            </rich:column>
				<rich:column>
					<f:facet name="header">Buque IMO</f:facet>
					<h:outputText value="#{buque.buqueImo}" />
				</rich:column>
				<rich:column>
					<f:facet name="header">Nombre</f:facet>
					<h:outputText value="#{buque.buqueNombre}" />
				</rich:column>
				<rich:column>
					<f:facet name="header">Tipo</f:facet>
					<h:outputText value="#{buque.buqueTipo}" />
				</rich:column>
				<rich:column>
					<f:facet name="header">Bandera</f:facet>
					<h:outputText value="#{buque.buqueBandera}" />
				</rich:column>
				<rich:column>
					<f:facet name="header">Coeficiente</f:facet>
					<h:outputText value="#{buque.buqueCoeficiente}" />
				</rich:column>
				<rich:column>
					<f:facet name="header">Puerto De Registro</f:facet>
					<h:outputText value="#{buque.buquePuertoDeRegistro}" />
				</rich:column>
				<rich:column>
					<f:facet name="header">Peso Muerto</f:facet>
					<h:outputText value="#{buque.buquePesoMuerto}" />
				</rich:column>
				<rich:column>
					<f:facet name="header">Año Construccion</f:facet>
					<h:outputText value="#{buque.buqueAnoConstruccion}" />
				</rich:column>
				<rich:column>
					<f:facet name="header">Peso Total</f:facet>
					<h:outputText value="#{buque.buquePesoTotal}" />
				</rich:column>
				<rich:column>
					<f:facet name="header">Calado Maximo Verano</f:facet>
					<h:outputText value="#{buque.buqueCaladoMaximoVerano}" />
				</rich:column>
				<rich:column>
					<f:facet name="header">Calado Proa</f:facet>
					<h:outputText value="#{buque.buqueCaladoProa}" />
				</rich:column>
				<rich:column>
					<f:facet name="header">Calado Popa</f:facet>
					<h:outputText value="#{buque.buqueCaladoPopa}" />
				</rich:column>
				<rich:column>
					<f:facet name="header">Clasificacion</f:facet>
					<h:outputText value="#{buque.buqueClasificacion}" />
				</rich:column>
				<rich:column>
					<f:facet name="header">Velocidad</f:facet>
					<h:outputText value="#{buque.buqueVelocidad}" />
				</rich:column>
				<rich:column>
					<f:facet name="header">Tipo De Maquina</f:facet>
					<h:outputText value="#{buque.buqueTipoDeMaquina}" />
				</rich:column>
				<rich:column>
					<f:facet name="header">Tonelaje Registro Bruto</f:facet>
					<h:outputText value="#{buque.buqueTonelajeRegistroBruto}" />
				</rich:column>
				<rich:column>
					<f:facet name="header">Tonelaje Registro Neto</f:facet>
					<h:outputText value="#{buque.buqueTonelajeRegistroNeto}" />
				</rich:column>
				<rich:column>
					<f:facet name="header">Eslora Total</f:facet>
					<h:outputText value="#{buque.buqueEsloraTotal}" />
				</rich:column>
				<rich:column>
					<f:facet name="header">Eslora Entre Perpendiculares</f:facet>
					<h:outputText value="#{buque.buqueEsloraEntrePerpendiculares}" />
				</rich:column>
				<rich:column>
					<f:facet name="header">Manga</f:facet>
					<h:outputText value="#{buque.buqueManga}" />
				</rich:column>
				<rich:column>
					<f:facet name="header">MMSI</f:facet>
					<h:outputText value="#{buque.buqueMmsi}" />
				</rich:column>
				<rich:column>
					<f:facet name="header">Summer</f:facet>
					<h:outputText value="#{buque.buqueSummer}" />
				</rich:column>
				<rich:column>
					<f:facet name="header">Puntal</f:facet>
					<h:outputText value="#{buque.buquePuntal}" />
				</rich:column>
				<rich:column>
					<f:facet name="header">Numeral</f:facet>
					<h:outputText value="#{buque.buqueNumeral}" />
				</rich:column>
				<rich:column>
					<f:facet name="header">Accion</f:facet>
					<a4j:commandLink styleClass="no-decor" render="editGrid"
						execute="@this" oncomplete="#{rich:component('editPane')}.show()">
						<h:graphicImage library="img/icons" name="edit.gif" alt="edit" />
						<a4j:param value="#{it.index}"
							assignTo="#{listBuqueView.currentBuqueIndex}" />
						<f:setPropertyActionListener
							target="#{listBuqueView.editedBuque}" value="#{buque}" />
					</a4j:commandLink>
					<a4j:commandLink styleClass="no-decor" execute="@this"
						render="@none"
						oncomplete="#{rich:component('confirmPane')}.show()">
						<h:graphicImage library="img/icons" name="delete.gif" alt="delete" />
						<a4j:param value="#{buque}"
							assignTo="#{listBuqueView.deletedBuque}" />
					</a4j:commandLink>
				</rich:column>
				<f:facet name="footer">
					<rich:dataScroller page="#{listBuqueView.page}" />
				</f:facet>
			</rich:dataTable>

			<a4j:jsFunction name="remove" action="#{listBuqueView.remove}"
				render="table" execute="@this"
				oncomplete="#{rich:component('confirmPane')}.hide();" />

			<rich:popupPanel id="statPane" autosized="true">
				<h:graphicImage library="img" name="ai.gif" alt="ai" />
        Por favor espere...
    </rich:popupPanel>

			<rich:popupPanel id="confirmPane" autosized="true">
        Esta seguro que desea eliminar esta fila?
        <a4j:commandButton value="Cancelar"
					onclick="#{rich:component('confirmPane')}.hide(); return false;" />
				<a4j:commandButton value="Borrar" onclick="remove(); return false;" />
			</rich:popupPanel>

			<rich:popupPanel header="Buque" id="editPane"
				domElementAttachment="parent" autosized="true">
				<h:panelGrid columns="2" id="editGrid" style="font-size: 11px;">
				<h:panelGrid columns="3" id="editGrid1" style="font-size: 11px;">
					<h:outputText value="Buque IMO" />
					<h:inputText label="Buque IMO" id="buqueImo"
						value="#{listBuqueView.editedBuque.buqueImo}" size="60"
						required="true" />
					<h:panelGroup />
					<h:outputText value="Nombre" />
					<h:inputText label="Nombre" id="buqueNombre"
						value="#{listBuqueView.editedBuque.buqueNombre}"
						size="60" required="true" />
					<h:panelGroup />
					<h:outputText value="Tipo" />
					<rich:select id="buqueTipo"
						value="#{listBuqueView.editedBuque.buqueTipo}"
						required="true" defaultLabel="tipo de buque">
						<f:selectItems value="#{inplaceSelectBean.tiposBuque}" var="tipoBuque" 
							itemValue="#{tipoBuque}" itemLabel="#{tipoBuque}" />
					</rich:select>
					<h:panelGroup />
					<h:outputText value="Bandera" />
					<h:inputText label="Bandera" id="buqueBandera"
						value="#{listBuqueView.editedBuque.buqueBandera}" size="60"
						required="true" />
					<h:panelGroup />
					<h:outputText value="Coeficiente" />
					<h:inputText label="Coeficiente" id="buqueCoeficiente"
						value="#{listBuqueView.editedBuque.buqueCoeficiente}"
						size="60" required="true" />
					<h:panelGroup />
					<h:outputText value="Puerto De Registro" />
					<h:inputText label="Puerto De Registro" id="buquePuertoDeRegistro"
						value="#{listBuqueView.editedBuque.buquePuertoDeRegistro}"
						size="60" required="true" />
					<h:panelGroup />
					<h:outputText value="Peso Muerto" />
					<h:inputText label="Peso Muerto" id="buquePesoMuerto"
						value="#{listBuqueView.editedBuque.buquePesoMuerto}"
						size="60" required="true" />
					<h:panelGroup />
					<h:outputText value="Año de Construccion" />
					<h:inputText label="Año de Construccion" id="buqueAnoConstruccion"
						value="#{listBuqueView.editedBuque.buqueAnoConstruccion}" size="60"
						required="true" />
					<h:panelGroup />
					<h:outputText value="Peso Total" />
					<h:inputText label="Peso Total" id="buquePesoTotal"
						value="#{listBuqueView.editedBuque.buquePesoTotal}" size="60"
						required="true" />
					<h:panelGroup />
					<h:outputText value="Calado Maximo Verano" />
					<h:inputText label="Calado Maximo Verano" id="buqueCaladoMaximoVerano"
						value="#{listBuqueView.editedBuque.buqueCaladoMaximoVerano}" size="60"
						required="true" />
					<h:panelGroup />
					<h:outputText value="Calado Proa" />
					<h:inputText label="Calado Proa" id="buqueCaladoProa"
						value="#{listBuqueView.editedBuque.buqueCaladoProa}"
						size="60" required="true" />
					<h:panelGroup />
					<h:outputText value="Calado Popa" />
					<h:inputText label="Calado Popa"
						id="buqueCaladoPopa"
						value="#{listBuqueView.editedBuque.buqueCaladoPopa}"
						size="60" required="true" />
					<h:panelGroup />

					</h:panelGrid>
					<h:panelGrid columns="3" id="editGrid2" style="font-size: 11px;">
						<h:outputText value="Clasificacion" />
						<h:inputText label="Clasificacion" id="buqueClasificacion"
							value="#{listBuqueView.editedBuque.buqueClasificacion}" size="60"
							required="true" />
						<h:panelGroup />
		               <h:outputText value="Velocidad" />
						<h:inputText label="Velocidad" id="buqueVelocidad"
							value="#{listBuqueView.editedBuque.buqueVelocidad}" size="60"
							required="true" />
						<h:panelGroup />
						<h:outputText value="Tipo de Maquina" />
						<h:inputText label="Tipo de Maquina" id="buqueTipoDeMaquina"
							value="#{listBuqueView.editedBuque.buqueTipoDeMaquina}" size="60"
							required="true" />
						<h:panelGroup />
						<h:outputText value="Tonelaje Registro Bruto" />
						<h:inputText label="Tonelaje Registro Bruto" id="buqueTonelajeRegistroBruto"
							value="#{listBuqueView.editedBuque.buqueTonelajeRegistroBruto}" size="60"
							required="true" />
						<h:panelGroup />
						<h:outputText value="Tonelaje Registro Neto" />
						<h:inputText label="Tonelaje Registro Neto" id="buqueTonelajeRegistroNeto"
							value="#{listBuqueView.editedBuque.buqueTonelajeRegistroNeto}" size="60"
							required="true" />
						<h:panelGroup />
						<h:outputText value="Eslora Total" />
						<h:inputText label="Eslora Total" id="buqueEsloraTotal"
							value="#{listBuqueView.editedBuque.buqueEsloraTotal}" size="60"
							required="true" />
						<h:panelGroup />
						<h:outputText value="Summer" />
						<h:inputText label="Summer" id="buqueSummer"
							value="#{listBuqueView.editedBuque.buqueSummer}" size="60"
							required="true" />
						<h:panelGroup />
						<h:outputText value="Eslora Entre Perpendiculares" />
						<h:inputText label="Eslora Entre Perpendiculares" id="buqueEsloraEntrePerpendiculares"
							value="#{listBuqueView.editedBuque.buqueEsloraEntrePerpendiculares}" size="60"
							required="true" />
						<h:panelGroup />
						<h:outputText value="Manga" />
						<h:inputText label="Manga" id="buqueManga"
							value="#{listBuqueView.editedBuque.buqueManga}" size="60"
							required="true" />
						<h:panelGroup />
						<h:outputText value="MMSI" />
						<h:inputText label="MMSI" id="buqueMmsi"
							value="#{listBuqueView.editedBuque.buqueMmsi}" size="60"
							required="true" />
						<h:panelGroup />
						<h:outputText value="Puntal" />
						<h:inputText label="Puntal" id="buquePuntal"
							value="#{listBuqueView.editedBuque.buquePuntal}" size="60"
							required="true" />
						<h:panelGroup />
						<h:outputText value="Numeral" />
						<h:inputText label="Numeral" id="buqueNumeral"
							value="#{listBuqueView.editedBuque.buqueNumeral}" size="60"
							required="true" />
						<h:panelGroup />
					</h:panelGrid>
				</h:panelGrid>
				<a4j:commandButton value="Guardar" action="#{listBuqueView.store}"
					render="table" execute="editPane"
					oncomplete="if (#{facesContext.maximumSeverity==null}) {#{rich:component('editPane')}.hide();}" />
				<a4j:commandButton value="Cancelar"
					onclick="#{rich:component('editPane')}.hide(); return false;" />
			</rich:popupPanel>

		</h:form>

	</ui:define>
</ui:composition>
